.houseDetail{
    .header{
        padding-left: 15px;
        padding-right: 15px;
        height: 50px;
        top: 0;
        position: fixed;
        z-index: 3;
        display: flex;
        align-items: center;
        .header-left{
            font-size: 25px;
            background-color: rgba($color: #000, $alpha: 0.5);
            color: white;
            border-radius: 50%;
        }
    }
    .img{
        position: relative;
        img{
            width: 100%;
        }
        .p-icon{
            background-color: rgba($color: #ff8200, $alpha: 0.8);
            padding: 5px;
            position: absolute;
            right: 20px;
                top: 20px;
                border-radius: 50%;
            .heart{
                font-size: 25px;
                color: white;
                padding: auto;
            }
        }
        
    }
    .name{
        background-color: white;
        padding: 15px;
        .titil{
            font-weight: 700;
            font-size: 18px;
        }
        .name-msg{
            display: flex;
            justify-content: space-between;
            margin-top: 10px;
            .msg-color{
                font-size: 13px;
                color: #888888;
            }
        }
    }
    .splice{
        margin-top: 5px;
        background-color: white;
        padding:15px;
        padding-bottom: 15px;
        .splice-name{
            font-weight: 700;
            font-size: 16px;
            border-left: 3px solid #ff8200;
            padding-left: 5px;
        }
        .splice-msg{
            color: #888888;
            margin-top: 10px;
        }
    }
    .msg{
        margin-top: 5px;
        padding-left: 15px;
        padding-right: 15px;
        background-color: #fff;
        display: flex;
        flex-direction: column;
        margin-bottom: 65px;
        padding-bottom: 30px;
        .msg-nav{
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding-left: 10px;
            padding-right: 10px;
            border-bottom: 1px solid #888;
            .nav-choose{
                padding: 15px 0;
                font-size: 16px;

            }
        }
        .poinit{
            margin-top: 20px;
            font-size: 14px;
            color: #888888;
        }
        .detail-poinit{
            margin-top: 20px;
            font-size: 14px;
            color: #888888;
            display: flex;
            flex-direction: column;
            align-items: center;
            .one{
                padding: 3px 0;
                line-height: 1.3;
                width: 95%;
            }
            .but{
                padding: 3px 10px;
                color: #ff8200;
                border: 1px solid #ff8200;
                margin-top: 20px;
                background-color: #fff;
            }
        }
    }
    .adm-button.adm-button-large{
        z-index: 3;
        position: fixed;
        bottom: 0;
        color: #fff;
        background-color: #ff8200;
        font-weight: 800;
        border: 1px solid #ff8200;
    }
}